<%@ page pageEncoding="UTF-8"%>
<%@ include file="../common/head.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>${appTitle }</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="" />
<script type="text/javascript">
	window.nofind = function(src) {
		var img = event.srcElement;
		img.src = src;
		img.onerror = null;
	}
</script>
<script src="${ctx}/qiantai/static/js/jquery.2.1.4.min.js"></script>
<link rel="stylesheet" href="${ctx }/qiantai/static/css/courseopen.css">
<link rel="stylesheet" href="${ctx }/qiantai/static/css/bootstrap.min.css" />
<link rel="stylesheet" href="${ctx }/qiantai/static/css/font-awesome.min.css" />
<link rel="stylesheet" href="${ctx }/qiantai/static/css/home.css">
<link rel="stylesheet" type="text/css" href="${ctx }/qiantai/static/photo/css/style.css" />
</head>
<body>
	<script src="${ctx }/qiantai/static/js/require.js"></script>
	<script src="${ctx }/qiantai/static/js/config.js"></script>

	<!-- 导航-->
	<%@ include file="./menu.jsp"%>
	<!-- 导航下方小分类-->
	<section class="header-nav-bottom wrap">
		<section class="container">
			<section class="row">
				<ul class="header-nav-bottom-list clearfix">
				</ul>
			</section>
		</section>
	</section>
	<div class="wrap header-carousel">
		<div class="main_banner">
			<div class="main_banner_wrap">
				<canvas id="myCanvas" width="10" height="10"></canvas>
				<div class="main_banner_box" id="m_box">
					<a href="javascript:void(0)" class="banner_btn js_pre">
						<span class="banner_btn_arrow">
							<i></i>
						</span>
					</a>
					<a href="javascript:void(0)" class="banner_btn btn_next js_next">
						<span class="banner_btn_arrow">
							<i></i>
						</span>
					</a>
					<ul>
						<c:forEach items="${imglist }" var="imgitem" varStatus="imgitemvar">
							<li id="imgCard${imgitemvar.index }">
								<a href="${imgitem.url }">
									<span style="opacity: 0;"></span>
								</a>
								<img src="${ctx }/resource/${imgitem.imgFile}" alt="">
								<p style="bottom: 0; font-size: 16px">${imgitem.title}</p>
							</li>
						</c:forEach>
					</ul>
					<!--火狐倒影图层-->
					<p id="rflt"></p>
					<!--火狐倒影图层-->
				</div>
				<!--序列号按钮-->
				<div class="btn_list">
					<span class="curr"></span><c:forEach items="${imglist }" var="imgitem" varStatus="imgitemvar">
					<c:if test="${imgitemvar.count>1}">
					<span></span></c:if>
					</c:forEach>
				</div>
			</div>
		</div>
	</div>
	<script src="${ctx }/qiantai/static/photo/js/lanren.js"></script>

	<!--重点推荐-->
	<section class="container icourse-recommend-box">
		<div class="row">
			<h1>课程推荐</h1>
			<ul class="icourse-recommend-l clearfix">
				<c:forEach items="${sugList }" var="item">
					<li class="icourse-recommend-i pull-left">
						<a target="_blank" class="icourse-recommend-content" href="${ctx}/com/getCourse.do?uid=${item.id}">
							<div class="icourse-recommend-content-img">
								<img onerror="javascript:this.src='${ctx}/resource/no.jpg'" src="${ctx}/resource/${item.imgFile}">
							</div>
							<p>[${item.typesel}] ${item.courseName }</p>
						</a>
					</li>
				</c:forEach>

			</ul>
		</div>
	</section>
	 
	<!-- 新闻资讯-->
	<section class="icourse-index-news wrap">
		 
	</section>
	<!-- 首页底部-->
	<%@ include file="./footer.jsp"%>
</body>
</html>